<template>
    <div>
        <header>
            <div>
                <span>
                    <p @click="chan()"><i class="logo"></i></p>
                    <!-- <a href="/maincon"><i class="logo"></i></a> -->
                    <router-link to=""><i class="cart"></i></router-link>
                 </span>
            </div>
            <div class="treasure-search">
              <form action="">
                  <div class="search-left">
                      <input type="text" class="input-left" placeholder="搜索" aria-label="" data-aria-clear-label="" name="k" autocomplete="off" autocorrect="off" autocapitalize="off" dir="auto" value="" id="nav-search-keywords">
                  </div>
                  <div class="search-right">
                      <input type="submit" class="input-right" value="" aria-label="搜索">
                      <i class="nav-submit"></i>
                  </div>
              </form>
            </div> 
        </header>
        <div class="classfiy-con">
           <div class="con-left">
                <mt-navbar v-model="selected"> 
                    <div class="lileft">
                        <mt-tab-item id="1">
                            <div class="left-one"> 为你推荐</div> 
                        </mt-tab-item>
                        <mt-tab-item id="2">
                            <div class="left-one">kindle商店</div>
                        </mt-tab-item>
                        <mt-tab-item id="3">
                            <div class="left-one">服饰箱包</div>
                        </mt-tab-item>
                         <mt-tab-item id="4">
                            <div class="left-one">鞋靴</div>
                        </mt-tab-item>
                         <mt-tab-item id="5">
                            <div class="left-one">运动户外</div>
                        </mt-tab-item>
                         <mt-tab-item id="6">
                            <div class="left-one">个护健康</div>
                        </mt-tab-item>
                         <mt-tab-item id="7">
                            <div class="left-one">美容化妆</div>
                        </mt-tab-item>
                          <mt-tab-item id="8">
                            <div class="left-one">母婴</div>
                        </mt-tab-item>
                          <mt-tab-item id="9">
                            <div class="left-one">玩具</div>
                        </mt-tab-item>
                          <mt-tab-item id="10">
                            <div class="left-one">电脑产品</div>
                        </mt-tab-item>
                        <mt-tab-item id="11">
                            <div class="left-one">家居生活</div>
                        </mt-tab-item>
                        <mt-tab-item id="12">
                            <div class="left-one">厨具</div>
                        </mt-tab-item>
                        <mt-tab-item id="13">
                            <div class="left-one">食品</div>
                        </mt-tab-item>
                          <mt-tab-item id="14">
                            <div class="left-one">小家电</div>
                        </mt-tab-item>

                    </div>
                </mt-navbar>
            </div>
            <!-- tab-container -->
            <div class="con-right">
                <mt-tab-container v-model="selected">
                <mt-tab-container-item id="1">
                    <div class="class1">
                        <div class="class1-next">
                            <div class="class1-header">
                                <i><router-link to="/treasure"><img src="../../assets/images/classfiy/class1-1.png" alt=""></router-link></i>
                                <i><router-link to="/treasure"><img src="../../assets/images/classfiy/class1-2.png" alt=""></router-link></i>
                            </div>
                            <div class="class1-classfiy">
                                <div class="recommend">
                                    <div class="recommend-header">推荐分类</div>
                                    <ul>
                                        <li><router-link to=""><span>香水、空气清...</span><img src="../../assets/images/classfiy/recommed1.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>精华</span><img src="../../assets/images/classfiy/recommed2.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>发膜</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                    </ul>
                                </div>
                                <div class="recommend">
                                    <div class="recommend-header">热门分类</div>
                                    <ul>
                                        <li><router-link to=""><span>手机</span><img src="../../assets/images/classfiy/recommed1.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>平板电视</span><img src="../../assets/images/classfiy/recommed2.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>数码相机</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>居家电器</span><img src="../../assets/images/classfiy/recommend4.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>厨房电器</span><img src="../../assets/images/classfiy/recommend5.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>笔记本电脑</span><img src="../../assets/images/classfiy/recommend8.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>游戏本</span><img src="../../assets/images/classfiy/recommend7.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>运动户外鞋</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>奶粉</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>汽车电子、电</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>床上用品</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>白酒</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                    </ul>
                                </div>                                
                            </div>
                        </div>
                    </div>
                </mt-tab-container-item>
                <mt-tab-container-item id="2">
                    <div class="class1">
                        <div class="class1-next">
                            <div class="class2-header">
                                <i><router-link to=""><img src="../../assets/images/classfiy/class2-1.jpg" alt=""></router-link></i>
                                <div class="class2-header2">
                                    <router-link to="">
                                        <span class="header2-left">
                                            <span class="header2-orange">进入Kindle商店频道</span>
                                            <span>优惠促销&nbsp;新品上架&nbsp;精品推荐</span>
                                        </span>
                                        <span class="header2-right">></span>
                                    </router-link>    
                                </div>
                            </div>
                            <div class="class1-classfiy">
                                <div class="recommend">
                                    <div class="recommend-header">kindle商店</div>
                                    <ul>
                                        <li><router-link to=""><span>kindle电子书...</span><img src="../../assets/images/classfiy/class2-k1.jpg" alt=""></router-link></li>
                                    </ul>
                                </div>
                                <div class="recommend">
                                    <div class="recommend-header">kindle电子书<router-link to=""><i class="class2-more">热销版&nbsp;></i></router-link></div>
                                    <ul>
                                        <li><router-link to=""><span>小说</span><img src="../../assets/images/classfiy/class2-k2.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>文学</span><img src="../../assets/images/classfiy/class2-k3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>艺术与摄影</span><img src="../../assets/images/classfiy/class2-k4.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>居家电器</span><img src="../../assets/images/classfiy/recommend4.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>厨房电器</span><img src="../../assets/images/classfiy/recommend5.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>笔记本电脑</span><img src="../../assets/images/classfiy/recommend8.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>游戏本</span><img src="../../assets/images/classfiy/recommend7.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>运动户外鞋</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>奶粉</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>汽车电子、电</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>床上用品</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>白酒</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                    </ul>
                                </div>                                
                            </div>
                        </div>
                    </div>
                </mt-tab-container-item>
                <mt-tab-container-item id="3">
                    <div class="class1">
                        <div class="class1-next">
                            <div class="class2-header">
                                <div class="class2-header2">
                                    <router-link to="">
                                        <span class="header2-left">
                                            <span class="header2-orange">进入服饰箱包频道</span>
                                            <span>优惠促销&nbsp;新品上架&nbsp;精品推荐</span>
                                        </span>
                                        <span class="header2-right">></span>
                                    </router-link>    
                                </div>
                            </div>
                            <div class="class1-classfiy">
                                <div class="recommend">
                                    <div class="recommend-header">女装<router-link to=""><i class="class2-more">热销版&nbsp;></i></router-link></div>
                                    <ul>
                                        <li><router-link to=""><span>Tshirt、polo衫</span><img src="../../assets/images/classfiy/class3-k1.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>衬衫</span><img src="../../assets/images/classfiy/class3-k2.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>裙子</span><img src="../../assets/images/classfiy/class3-k3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>居家电器</span><img src="../../assets/images/classfiy/recommend4.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>厨房电器</span><img src="../../assets/images/classfiy/recommend5.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>笔记本电脑</span><img src="../../assets/images/classfiy/recommend8.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>游戏本</span><img src="../../assets/images/classfiy/recommend7.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>运动户外鞋</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>奶粉</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>汽车电子、电</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>床上用品</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>白酒</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>Tshirt、polo衫</span><img src="../../assets/images/classfiy/class3-k1.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>衬衫</span><img src="../../assets/images/classfiy/class3-k2.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>裙子</span><img src="../../assets/images/classfiy/class3-k3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>Tshirt、polo衫</span><img src="../../assets/images/classfiy/class3-k1.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>衬衫</span><img src="../../assets/images/classfiy/class3-k2.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>裙子</span><img src="../../assets/images/classfiy/class3-k3.jpg" alt=""></router-link></li>
                                    </ul>
                                </div>                                
                            </div>
                        </div>
                    </div>                  
                </mt-tab-container-item>
                 <mt-tab-container-item id="4">
                    <div class="class1">
                        <div class="class1-next">
                            <div class="class2-header">
                                <div class="class2-header2">
                                    <router-link to="">
                                        <span class="header2-left">
                                            <span class="header2-orange">进入鞋靴频道</span>
                                            <span>优惠促销&nbsp;新品上架&nbsp;精品推荐</span>
                                        </span>
                                        <span class="header2-right">></span>
                                    </router-link>    
                                </div>
                            </div>
                            <div class="class1-classfiy">
                                <div class="recommend">
                                    <div class="recommend-header">女鞋<router-link to=""><i class="class2-more">热销版&nbsp;></i></router-link></div>
                                    <ul>
                                        <li><router-link to=""><span>运动户外鞋</span><img src="../../assets/images/classfiy/shoe1.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>高跟鞋</span><img src="../../assets/images/classfiy/shoe2.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>靴子</span><img src="../../assets/images/classfiy/shoe3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>居家电器</span><img src="../../assets/images/classfiy/recommend4.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>厨房电器</span><img src="../../assets/images/classfiy/recommend5.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>笔记本电脑</span><img src="../../assets/images/classfiy/recommend8.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>游戏本</span><img src="../../assets/images/classfiy/recommend7.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>运动户外鞋</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>奶粉</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>汽车电子、电</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>床上用品</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>白酒</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>Tshirt、polo衫</span><img src="../../assets/images/classfiy/class3-k1.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>衬衫</span><img src="../../assets/images/classfiy/class3-k2.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>裙子</span><img src="../../assets/images/classfiy/class3-k3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>Tshirt、polo衫</span><img src="../../assets/images/classfiy/class3-k1.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>衬衫</span><img src="../../assets/images/classfiy/class3-k2.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>裙子</span><img src="../../assets/images/classfiy/class3-k3.jpg" alt=""></router-link></li>
                                    </ul>
                                </div>                                
                            </div>
                        </div>
                    </div>                       
                </mt-tab-container-item>
                 <mt-tab-container-item id="5">
                    <div class="class1">
                        <div class="class1-next">
                            <div class="class2-header">
                                <div class="class2-header2">
                                    <router-link to="">
                                        <span class="header2-left">
                                            <span class="header2-orange">进入运动户外频道</span>
                                            <span>优惠促销&nbsp;新品上架&nbsp;精品推荐</span>
                                        </span>
                                        <span class="header2-right">></span>
                                    </router-link>    
                                </div>
                            </div>
                            <div class="class1-classfiy">
                                <div class="recommend">
                                    <div class="recommend-header">电子产品<router-link to=""><i class="class2-more">热销版&nbsp;></i></router-link></div>
                                    <ul>
                                        <li><router-link to=""><span>运动手表</span><img src="../../assets/images/classfiy/class4-k1.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>运动相机及配...</span><img src="../../assets/images/classfiy/class4-k2.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>倾斜仪</span><img src="../../assets/images/classfiy/class4-k3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>居家电器</span><img src="../../assets/images/classfiy/recommend4.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>厨房电器</span><img src="../../assets/images/classfiy/recommend5.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>笔记本电脑</span><img src="../../assets/images/classfiy/recommend8.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>游戏本</span><img src="../../assets/images/classfiy/recommend7.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>运动户外鞋</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>奶粉</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>汽车电子、电</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>床上用品</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>白酒</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>Tshirt、polo衫</span><img src="../../assets/images/classfiy/class3-k1.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>衬衫</span><img src="../../assets/images/classfiy/class3-k2.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>裙子</span><img src="../../assets/images/classfiy/class3-k3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>Tshirt、polo衫</span><img src="../../assets/images/classfiy/class3-k1.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>衬衫</span><img src="../../assets/images/classfiy/class3-k2.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>裙子</span><img src="../../assets/images/classfiy/class3-k3.jpg" alt=""></router-link></li>
                                    </ul>
                                </div>                                
                            </div>
                        </div>
                    </div>  
                </mt-tab-container-item>
                 <mt-tab-container-item id="6">
                    <div class="class1">
                        <div class="class1-next">
                            <div class="class2-header">
                                <div class="class2-header2">
                                    <router-link to="">
                                        <span class="header2-left">
                                            <span class="header2-orange">进入鞋靴频道</span>
                                            <span>优惠促销&nbsp;新品上架&nbsp;精品推荐</span>
                                        </span>
                                        <span class="header2-right">></span>
                                    </router-link>    
                                </div>
                            </div>
                            <div class="class1-classfiy">
                                <div class="recommend">
                                    <div class="recommend-header">女鞋<router-link to=""><i class="class2-more">热销版&nbsp;></i></router-link></div>
                                    <ul>
                                        <li><router-link to=""><span>运动户外鞋</span><img src="../../assets/images/classfiy/shoe1.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>高跟鞋</span><img src="../../assets/images/classfiy/shoe2.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>靴子</span><img src="../../assets/images/classfiy/shoe3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>居家电器</span><img src="../../assets/images/classfiy/recommend4.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>厨房电器</span><img src="../../assets/images/classfiy/recommend5.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>笔记本电脑</span><img src="../../assets/images/classfiy/recommend8.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>游戏本</span><img src="../../assets/images/classfiy/recommend7.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>运动户外鞋</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>奶粉</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>汽车电子、电</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>床上用品</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>白酒</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>Tshirt、polo衫</span><img src="../../assets/images/classfiy/class3-k1.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>衬衫</span><img src="../../assets/images/classfiy/class3-k2.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>裙子</span><img src="../../assets/images/classfiy/class3-k3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>Tshirt、polo衫</span><img src="../../assets/images/classfiy/class3-k1.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>衬衫</span><img src="../../assets/images/classfiy/class3-k2.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>裙子</span><img src="../../assets/images/classfiy/class3-k3.jpg" alt=""></router-link></li>
                                    </ul>
                                </div>                                
                            </div>
                        </div>
                    </div>  
                </mt-tab-container-item>
                 <mt-tab-container-item id="7">
                    <div class="class1">
                        <div class="class1-next">
                            <div class="class2-header">
                                <div class="class2-header2">
                                    <router-link to="">
                                        <span class="header2-left">
                                            <span class="header2-orange">进入鞋靴频道</span>
                                            <span>优惠促销&nbsp;新品上架&nbsp;精品推荐</span>
                                        </span>
                                        <span class="header2-right">></span>
                                    </router-link>    
                                </div>
                            </div>
                            <div class="class1-classfiy">
                                <div class="recommend">
                                    <div class="recommend-header">女鞋<router-link to=""><i class="class2-more">热销版&nbsp;></i></router-link></div>
                                    <ul>
                                        <li><router-link to=""><span>运动户外鞋</span><img src="../../assets/images/classfiy/shoe1.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>高跟鞋</span><img src="../../assets/images/classfiy/shoe2.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>靴子</span><img src="../../assets/images/classfiy/shoe3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>居家电器</span><img src="../../assets/images/classfiy/recommend4.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>厨房电器</span><img src="../../assets/images/classfiy/recommend5.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>笔记本电脑</span><img src="../../assets/images/classfiy/recommend8.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>游戏本</span><img src="../../assets/images/classfiy/recommend7.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>运动户外鞋</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>奶粉</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>汽车电子、电</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>床上用品</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>白酒</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>Tshirt、polo衫</span><img src="../../assets/images/classfiy/class3-k1.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>衬衫</span><img src="../../assets/images/classfiy/class3-k2.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>裙子</span><img src="../../assets/images/classfiy/class3-k3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>Tshirt、polo衫</span><img src="../../assets/images/classfiy/class3-k1.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>衬衫</span><img src="../../assets/images/classfiy/class3-k2.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>裙子</span><img src="../../assets/images/classfiy/class3-k3.jpg" alt=""></router-link></li>
                                    </ul>
                                </div>                                
                            </div>
                        </div>
                    </div>  
                </mt-tab-container-item>
                 <mt-tab-container-item id="8">
                    <div class="class1">
                        <div class="class1-next">
                            <div class="class2-header">
                                <div class="class2-header2">
                                    <router-link to="">
                                        <span class="header2-left">
                                            <span class="header2-orange">进入鞋靴频道</span>
                                            <span>优惠促销&nbsp;新品上架&nbsp;精品推荐</span>
                                        </span>
                                        <span class="header2-right">></span>
                                    </router-link>    
                                </div>
                            </div>
                            <div class="class1-classfiy">
                                <div class="recommend">
                                    <div class="recommend-header">女鞋<router-link to=""><i class="class2-more">热销版&nbsp;></i></router-link></div>
                                    <ul>
                                        <li><router-link to=""><span>运动户外鞋</span><img src="../../assets/images/classfiy/shoe1.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>高跟鞋</span><img src="../../assets/images/classfiy/shoe2.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>靴子</span><img src="../../assets/images/classfiy/shoe3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>居家电器</span><img src="../../assets/images/classfiy/recommend4.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>厨房电器</span><img src="../../assets/images/classfiy/recommend5.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>笔记本电脑</span><img src="../../assets/images/classfiy/recommend8.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>游戏本</span><img src="../../assets/images/classfiy/recommend7.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>运动户外鞋</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>奶粉</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>汽车电子、电</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>床上用品</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>白酒</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>Tshirt、polo衫</span><img src="../../assets/images/classfiy/class3-k1.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>衬衫</span><img src="../../assets/images/classfiy/class3-k2.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>裙子</span><img src="../../assets/images/classfiy/class3-k3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>Tshirt、polo衫</span><img src="../../assets/images/classfiy/class3-k1.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>衬衫</span><img src="../../assets/images/classfiy/class3-k2.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>裙子</span><img src="../../assets/images/classfiy/class3-k3.jpg" alt=""></router-link></li>
                                    </ul>
                                </div>                                
                            </div>
                        </div>
                    </div>  
                </mt-tab-container-item>
                 <mt-tab-container-item id="9">
                    <div class="class1">
                        <div class="class1-next">
                            <div class="class2-header">
                                <div class="class2-header2">
                                    <router-link to="">
                                        <span class="header2-left">
                                            <span class="header2-orange">进入鞋靴频道</span>
                                            <span>优惠促销&nbsp;新品上架&nbsp;精品推荐</span>
                                        </span>
                                        <span class="header2-right">></span>
                                    </router-link>    
                                </div>
                            </div>
                            <div class="class1-classfiy">
                                <div class="recommend">
                                    <div class="recommend-header">女鞋<router-link to=""><i class="class2-more">热销版&nbsp;></i></router-link></div>
                                    <ul>
                                        <li><router-link to=""><span>运动户外鞋</span><img src="../../assets/images/classfiy/shoe1.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>高跟鞋</span><img src="../../assets/images/classfiy/shoe2.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>靴子</span><img src="../../assets/images/classfiy/shoe3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>居家电器</span><img src="../../assets/images/classfiy/recommend4.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>厨房电器</span><img src="../../assets/images/classfiy/recommend5.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>笔记本电脑</span><img src="../../assets/images/classfiy/recommend8.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>游戏本</span><img src="../../assets/images/classfiy/recommend7.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>运动户外鞋</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>奶粉</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>汽车电子、电</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>床上用品</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>白酒</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>Tshirt、polo衫</span><img src="../../assets/images/classfiy/class3-k1.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>衬衫</span><img src="../../assets/images/classfiy/class3-k2.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>裙子</span><img src="../../assets/images/classfiy/class3-k3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>Tshirt、polo衫</span><img src="../../assets/images/classfiy/class3-k1.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>衬衫</span><img src="../../assets/images/classfiy/class3-k2.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>裙子</span><img src="../../assets/images/classfiy/class3-k3.jpg" alt=""></router-link></li>
                                    </ul>
                                </div>                                
                            </div>
                        </div>
                    </div>  
                </mt-tab-container-item>
                 <mt-tab-container-item id="10">
                    <div class="class1">
                        <div class="class1-next">
                            <div class="class2-header">
                                <div class="class2-header2">
                                    <router-link to="">
                                        <span class="header2-left">
                                            <span class="header2-orange">进入鞋靴频道</span>
                                            <span>优惠促销&nbsp;新品上架&nbsp;精品推荐</span>
                                        </span>
                                        <span class="header2-right">></span>
                                    </router-link>    
                                </div>
                            </div>
                            <div class="class1-classfiy">
                                <div class="recommend">
                                    <div class="recommend-header">女鞋<router-link to=""><i class="class2-more">热销版&nbsp;></i></router-link></div>
                                    <ul>
                                        <li><router-link to=""><span>运动户外鞋</span><img src="../../assets/images/classfiy/shoe1.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>高跟鞋</span><img src="../../assets/images/classfiy/shoe2.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>靴子</span><img src="../../assets/images/classfiy/shoe3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>居家电器</span><img src="../../assets/images/classfiy/recommend4.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>厨房电器</span><img src="../../assets/images/classfiy/recommend5.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>笔记本电脑</span><img src="../../assets/images/classfiy/recommend8.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>游戏本</span><img src="../../assets/images/classfiy/recommend7.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>运动户外鞋</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>奶粉</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>汽车电子、电</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>床上用品</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>白酒</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>Tshirt、polo衫</span><img src="../../assets/images/classfiy/class3-k1.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>衬衫</span><img src="../../assets/images/classfiy/class3-k2.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>裙子</span><img src="../../assets/images/classfiy/class3-k3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>Tshirt、polo衫</span><img src="../../assets/images/classfiy/class3-k1.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>衬衫</span><img src="../../assets/images/classfiy/class3-k2.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>裙子</span><img src="../../assets/images/classfiy/class3-k3.jpg" alt=""></router-link></li>
                                    </ul>
                                </div>                                
                            </div>
                        </div>
                    </div>  
                </mt-tab-container-item>
                 <mt-tab-container-item id="11">
                    <div class="class1">
                        <div class="class1-next">
                            <div class="class2-header">
                                <div class="class2-header2">
                                    <router-link to="">
                                        <span class="header2-left">
                                            <span class="header2-orange">进入鞋靴频道</span>
                                            <span>优惠促销&nbsp;新品上架&nbsp;精品推荐</span>
                                        </span>
                                        <span class="header2-right">></span>
                                    </router-link>    
                                </div>
                            </div>
                            <div class="class1-classfiy">
                                <div class="recommend">
                                    <div class="recommend-header">女鞋<router-link to=""><i class="class2-more">热销版&nbsp;></i></router-link></div>
                                    <ul>
                                        <li><router-link to=""><span>运动户外鞋</span><img src="../../assets/images/classfiy/shoe1.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>高跟鞋</span><img src="../../assets/images/classfiy/shoe2.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>靴子</span><img src="../../assets/images/classfiy/shoe3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>居家电器</span><img src="../../assets/images/classfiy/recommend4.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>厨房电器</span><img src="../../assets/images/classfiy/recommend5.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>笔记本电脑</span><img src="../../assets/images/classfiy/recommend8.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>游戏本</span><img src="../../assets/images/classfiy/recommend7.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>运动户外鞋</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>奶粉</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>汽车电子、电</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>床上用品</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>白酒</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>Tshirt、polo衫</span><img src="../../assets/images/classfiy/class3-k1.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>衬衫</span><img src="../../assets/images/classfiy/class3-k2.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>裙子</span><img src="../../assets/images/classfiy/class3-k3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>Tshirt、polo衫</span><img src="../../assets/images/classfiy/class3-k1.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>衬衫</span><img src="../../assets/images/classfiy/class3-k2.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>裙子</span><img src="../../assets/images/classfiy/class3-k3.jpg" alt=""></router-link></li>
                                    </ul>
                                </div>                                
                            </div>
                        </div>
                    </div>  
                </mt-tab-container-item> <mt-tab-container-item id="3">
                    <div class="class1">
                        <div class="class1-next">
                            <div class="class2-header">
                                <div class="class2-header2">
                                    <router-link to="">
                                        <span class="header2-left">
                                            <span class="header2-orange">进入鞋靴频道</span>
                                            <span>优惠促销&nbsp;新品上架&nbsp;精品推荐</span>
                                        </span>
                                        <span class="header2-right">></span>
                                    </router-link>    
                                </div>
                            </div>
                            <div class="class1-classfiy">
                                <div class="recommend">
                                    <div class="recommend-header">女鞋<router-link to=""><i class="class2-more">热销版&nbsp;></i></router-link></div>
                                    <ul>
                                        <li><router-link to=""><span>运动户外鞋</span><img src="../../assets/images/classfiy/shoe1.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>高跟鞋</span><img src="../../assets/images/classfiy/shoe2.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>靴子</span><img src="../../assets/images/classfiy/shoe3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>居家电器</span><img src="../../assets/images/classfiy/recommend4.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>厨房电器</span><img src="../../assets/images/classfiy/recommend5.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>笔记本电脑</span><img src="../../assets/images/classfiy/recommend8.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>游戏本</span><img src="../../assets/images/classfiy/recommend7.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>运动户外鞋</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>奶粉</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>汽车电子、电</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>床上用品</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>白酒</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>Tshirt、polo衫</span><img src="../../assets/images/classfiy/class3-k1.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>衬衫</span><img src="../../assets/images/classfiy/class3-k2.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>裙子</span><img src="../../assets/images/classfiy/class3-k3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>Tshirt、polo衫</span><img src="../../assets/images/classfiy/class3-k1.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>衬衫</span><img src="../../assets/images/classfiy/class3-k2.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>裙子</span><img src="../../assets/images/classfiy/class3-k3.jpg" alt=""></router-link></li>
                                    </ul>
                                </div>                                
                            </div>
                        </div>
                    </div>  
                </mt-tab-container-item>
                 <mt-tab-container-item id="12">
                    <div class="class1">
                        <div class="class1-next">
                            <div class="class2-header">
                                <div class="class2-header2">
                                    <router-link to="">
                                        <span class="header2-left">
                                            <span class="header2-orange">进入鞋靴频道</span>
                                            <span>优惠促销&nbsp;新品上架&nbsp;精品推荐</span>
                                        </span>
                                        <span class="header2-right">></span>
                                    </router-link>    
                                </div>
                            </div>
                            <div class="class1-classfiy">
                                <div class="recommend">
                                    <div class="recommend-header">女鞋<router-link to=""><i class="class2-more">热销版&nbsp;></i></router-link></div>
                                    <ul>
                                        <li><router-link to=""><span>运动户外鞋</span><img src="../../assets/images/classfiy/shoe1.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>高跟鞋</span><img src="../../assets/images/classfiy/shoe2.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>靴子</span><img src="../../assets/images/classfiy/shoe3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>居家电器</span><img src="../../assets/images/classfiy/recommend4.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>厨房电器</span><img src="../../assets/images/classfiy/recommend5.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>笔记本电脑</span><img src="../../assets/images/classfiy/recommend8.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>游戏本</span><img src="../../assets/images/classfiy/recommend7.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>运动户外鞋</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>奶粉</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>汽车电子、电</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>床上用品</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>白酒</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>Tshirt、polo衫</span><img src="../../assets/images/classfiy/class3-k1.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>衬衫</span><img src="../../assets/images/classfiy/class3-k2.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>裙子</span><img src="../../assets/images/classfiy/class3-k3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>Tshirt、polo衫</span><img src="../../assets/images/classfiy/class3-k1.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>衬衫</span><img src="../../assets/images/classfiy/class3-k2.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>裙子</span><img src="../../assets/images/classfiy/class3-k3.jpg" alt=""></router-link></li>
                                    </ul>
                                </div>                                
                            </div>
                        </div>
                    </div>  
                </mt-tab-container-item>
                 <mt-tab-container-item id="13">
                    <div class="class1">
                        <div class="class1-next">
                            <div class="class2-header">
                                <div class="class2-header2">
                                    <router-link to="">
                                        <span class="header2-left">
                                            <span class="header2-orange">进入鞋靴频道</span>
                                            <span>优惠促销&nbsp;新品上架&nbsp;精品推荐</span>
                                        </span>
                                        <span class="header2-right">></span>
                                    </router-link>    
                                </div>
                            </div>
                            <div class="class1-classfiy">
                                <div class="recommend">
                                    <div class="recommend-header">女鞋<router-link to=""><i class="class2-more">热销版&nbsp;></i></router-link></div>
                                    <ul>
                                        <li><router-link to=""><span>运动户外鞋</span><img src="../../assets/images/classfiy/shoe1.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>高跟鞋</span><img src="../../assets/images/classfiy/shoe2.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>靴子</span><img src="../../assets/images/classfiy/shoe3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>居家电器</span><img src="../../assets/images/classfiy/recommend4.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>厨房电器</span><img src="../../assets/images/classfiy/recommend5.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>笔记本电脑</span><img src="../../assets/images/classfiy/recommend8.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>游戏本</span><img src="../../assets/images/classfiy/recommend7.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>运动户外鞋</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>奶粉</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>汽车电子、电</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>床上用品</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>白酒</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>Tshirt、polo衫</span><img src="../../assets/images/classfiy/class3-k1.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>衬衫</span><img src="../../assets/images/classfiy/class3-k2.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>裙子</span><img src="../../assets/images/classfiy/class3-k3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>Tshirt、polo衫</span><img src="../../assets/images/classfiy/class3-k1.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>衬衫</span><img src="../../assets/images/classfiy/class3-k2.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>裙子</span><img src="../../assets/images/classfiy/class3-k3.jpg" alt=""></router-link></li>
                                    </ul>
                                </div>                                
                            </div>
                        </div>
                    </div>  
                </mt-tab-container-item>
                <mt-tab-container-item id="14">
                    <div class="class1">
                        <div class="class1-next">
                            <div class="class2-header">
                                <div class="class2-header2">
                                    <router-link to="">
                                        <span class="header2-left">
                                            <span class="header2-orange">进入鞋靴频道</span>
                                            <span>优惠促销&nbsp;新品上架&nbsp;精品推荐</span>
                                        </span>
                                        <span class="header2-right">></span>
                                    </router-link>    
                                </div>
                            </div>
                            <div class="class1-classfiy">
                                <div class="recommend">
                                    <div class="recommend-header">女鞋<router-link to=""><i class="class2-more">热销版&nbsp;></i></router-link></div>
                                    <ul>
                                        <li><router-link to=""><span>运动户外鞋</span><img src="../../assets/images/classfiy/shoe1.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>高跟鞋</span><img src="../../assets/images/classfiy/shoe2.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>靴子</span><img src="../../assets/images/classfiy/shoe3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>居家电器</span><img src="../../assets/images/classfiy/recommend4.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>厨房电器</span><img src="../../assets/images/classfiy/recommend5.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>笔记本电脑</span><img src="../../assets/images/classfiy/recommend8.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>游戏本</span><img src="../../assets/images/classfiy/recommend7.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>运动户外鞋</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>奶粉</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>汽车电子、电</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>床上用品</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>白酒</span><img src="../../assets/images/classfiy/recommend3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>Tshirt、polo衫</span><img src="../../assets/images/classfiy/class3-k1.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>衬衫</span><img src="../../assets/images/classfiy/class3-k2.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>裙子</span><img src="../../assets/images/classfiy/class3-k3.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>Tshirt、polo衫</span><img src="../../assets/images/classfiy/class3-k1.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>衬衫</span><img src="../../assets/images/classfiy/class3-k2.jpg" alt=""></router-link></li>
                                        <li><router-link to=""><span>裙子</span><img src="../../assets/images/classfiy/class3-k3.jpg" alt=""></router-link></li>
                                    </ul>
                                </div>                                
                            </div>
                        </div>
                    </div>  
                </mt-tab-container-item>
                </mt-tab-container>
            </div>
        </div>
    </div>
</template>

<style scoped>
*{
    margin: 0px;
    padding: 0px;
    list-style: none;
    box-sizing: border-box;
}

/* ----------------------header----------------------------------------- */
header{
    /* width: 100%; */
    min-height: 100px;
    background:#f7f7f7;
    position: relative;
}
.logo{
    width: 100px;
    height: 55px;
    background:url("../../assets/images/basic-logo.png")no-repeat -20px -400px;
    position:absolute;
    top: -5px;
    left: 0px;
    transform:scale( 0.5);
}

.cart{
    width: 65px;
    height: 45px;
    background:url("../../assets/images/basic-logo.png")no-repeat -259px -679px;
    position:absolute;
    top: 0px;
    right: 5px;
    transform:scale( 0.5);
}
/* --------------搜索框--------------------------------------- */
.input-left{
    width:80%;
    position: absolute;
    min-height: 40px;
    top: 47px;
    left: 15px;
    background: white; 
}
.input-right{
    width: 40px;
    height: 40px;
    background:#5b626a;
    position: absolute;
    right: 20px;
    top: 47px;
    
}
.nav-submit{
    position: absolute;
    right: 20px;
    top: 47px;
    width: 40px;
    height: 40px;
    transform:scale( 0.45);
    background:url("../../assets/images/basic-logo.png")no-repeat -80px -580px;
}
/* ------------------------tab栏-------------------------- */
.classfiy-con{
    overflow: hidden;
}
.classfiy-con .con-left{
    width: 20%;
    float: left;
}
.left-one{
     width:100%;
     height: 20px;
}
.left-one .lileft{
    height: 20px;
    background: coral;
}
.classfiy-con .con-right{
    width: 80%;
    float: right;
   
}
.class1{
    background: #f7f7f7;
     /* height: 2000px; */
     min-height: 750px;
}
.mint-navbar .mint-tab-item.is-selected{
    margin-bottom: -10px;
     color:black; 
     border-left: 3px solid orangered;
     text-decoration: none;
     background: #f7f7f7 ;
}
.mint-navbar .mint-tab-item{
    color: gray;
    border-bottom: 0px; 
    width: 100px;
}
.class1 .class1-next{
    margin-left: 10px;
}
.class1-header img{
    width: 150px;
}
.class1 a{
   text-decoration: none; 
   color:gray ;
}
.recommend-header{
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    overflow: hidden;
}
.recommend ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.recommend span{
     display: block;
     margin-bottom: 10px;
}
.recommend ul li{
    width: 30%;
    text-align: center;
    background: white;;
    height: 96px;
    margin-right: 5px;
    margin-bottom: 5px;
}
.recommend img{
    width: 48px;
   
}
/* ---class2---- */
.class2-header img{
    width: 300px;
}
.class2-header2{
    height: 60px;
    background: white;
    overflow: hidden;
    padding: 10px 20px;
}
.header2-left{
    float: left;
    width: 90%;
}
.header2-left span{
    display: block;
    color: gray;
    font-size: 12px;
}
.header2-left .header2-orange{
    color: orange;
    font-size: 15px;
    font-weight: bold;
}
.header2-right{
    float:right;
    width: 10%;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    font-size: 15px;
    font-weight: bold;
}
.recommend-header i{
    font-style: normal;
}
.recommend-header .class2-more{
    color: orange !important;
    float: right;
    margin-right: 10px;
}

</style>
<script>
    export default{
        data(){
            return{
                // isCollapase:false
                selected:"1"
            }
        },
        methods:{
            chan(){
                this.$router.push('/maincon')
            }
        }
    }
</script>